<template>
    <div>
        <!-- 商品参数  -->
        <div >
            <h4>商品参数</h4>
            <ul>
                <li v-for="item in goodsParameter" :key="item.id">
                    <span>{{item.name}}</span>
                    <section>{{item.value}}</section>
                </li>
            </ul>
        </div>
    </div>
</template>

<script>

export default {
    name: '',
    data() {
        return {

        };
    },
    props:['goodsParameter']


}

</script>
<style scoped lang="less">
div{
    width: 100%;
    height: 153px;
    h4{
        width: 345px;
        margin: 0 auto;
        height: 18px;
        font-size: 12px;
    }
    ul{
        width: 100%;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        li{
            width: 345px;
            height: 15px;
            display: flex;
            justify-content: center;
            background-color: #f5f5f5;
            margin: 3px auto;
            span{
                width: 103px;
                font-size: 16px;
                text-align: right;
            }
            section{
                font-size: 16px;
                flex: 1;
                text-indent: 20px;
            }
        }
    }
}
</style>